<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title>康美海岸</title>
	<meta content="康美海岸" name="Description">
	<meta content="康美海岸" name="Keywords">
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/swiper.min.css" />
	<script src="js/jquery-2.1.0.js"></script>
	<script src="js/index.js"></script>
	<script src="js/swiper.min.js"></script>
	<!--图片延迟加载JS-->
	<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
	<script>
		$(function () {
			//图片延迟加载，，，减少一开始加载太多图片导致网络流量大      	
			$("img").lazyload({
				effect: "fadeIn"
			});
		});
	</script>
</head>

<body>
	<!-- 头部BANNER -->
	<header class="header-top">

		<!-- feixd -->
		<div class="fiex-top" id="fiex-top">
			<div class="main">
				<div class="t-logo">
					<a href="index.html">
						<img src="images/logo-2.png">
					</a>
				</div>
				<ul class="t-nav">
					<li class="active">
						<a href="index.html">
							<span>首页</span>
							<em>Home</em>
						</a>
					</li>
					<li>
						<a href="Product.html">
							<span>产品</span>
							<em>Product</em>
						</a>
					</li>
					<li>
						<a href="News.html">
							<span>新闻</span>
							<em>News</em>
						</a>
					</li>
					<li>
						<a href="About.html">
							<span>关于我们</span>
							<em>About ours</em>
						</a>
					</li>

				</ul>

				<ul class="t-right">
					<a href="#" class="englist">
						<span>English Site</span>
					</a>
					<a href="login.html" class="conslis">快速登录</a>
					<a href="#" class="conslis">查防伪</a>
				</ul>

			</div>
		</div>
		<!-- feixd -->

		<!-- 搜索 -->
		<div class="main pron">
			<div class="search-box">
				<div class="t-search">
					<div class="inputbox">
						<input type="search" class="input-text" placeholder="我想找。。。">
						<button class="seabtn"></button>
					</div>
					<div class="inputtxt">
						<a href="#">蛋白粉</a>
						<a href="#">维生素</a>
						<a href="#">氨糖</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 搜索 -->
	</header>
	<!-- 头部BANNER -->

	<section class="conter-box">

		<div class="main">

			<h3 class="cont-title">
				<span>产品</span>
			</h3>

			<ul class="index-chanp clearfix mabo30">
				<li>

					<a href="#">

						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
				<li style="margin-right:0;">
					<a href="#">
						<div class="aimg">
							<img src="images/cp1.jpg">
						</div>
						<span>康美海岸维生素C片1g*20片</span>
						<em>维生素C</em>
					</a>
				</li>
			</ul>

		</div>

	</section>


	<!-- 新闻 -->
	<section class="conter-box ">
		<div class="main bgf8 pad20" style="overflow:hidden;">
			<ul class="nonbans clearfix mabo30">
				<li>
					<a href="#">
						<img src="images/uili1.jpg">
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/uili2.jpg">
					</a>
				</li>
				<li class="mr0">
					<a href="#">
						<img src="images/uili3.jpg">
					</a>
				</li>
			</ul>

			<h3 class="cont-title pdt50">
				<span>新闻</span>
				<br>
				<br>
				<em>迅速及时地展示康美海岸最新近发生的、有价值的报道。</em>
			</h3>

			<div class="swipe-box">
				<!-- Swiper -->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#" class="clearfix">
								<div class="uiimg">
									<img src="images/new.jpg" alt=""> </div>
								<div class="uiitext">
									<h3>中科院上海生科院、抗美海岸共同发起成立精准营养科研转化产业联盟</h3>
									<em>2018-01-18</em>
									<div class="context">
										2017年11月7日，在上海召开的“2017精准健康和精准营养国际研讨会”上，中国科学院上海生命科学研究 院和康美海岸有限公司牵头发起，联合荷兰应用科学研究院（TheNetherlands Organization For Applied Scientific
										Research）、全球营养行业领导者德国巴斯夫共同成立“精准营养科研转化产业联盟” （以下简称 “联盟”），以此推动“精准营养”研究与应用的发展2017年11月7日，在上海召开的“2017精准健康和精准营养国际研讨会”上，中国科学院上海生命科学研究
										院和康美海岸有限公司牵头发起，联合荷兰应用科学研究院（TheNetherlands Organization For Applied Scientific Research）、全球营养行业领导者德国巴斯夫共同成立“精准营养科研转化产业联盟”
										（以下简称 “联盟”），以此推动“精准营养”研究与应用的发展
									</div>
								</div>
							</a>
						</div>

						<div class="swiper-slide">
							<a href="#" class="clearfix">
								<div class="uiimg">
									<img src="images/new.jpg" alt=""> </div>
								<div class="uiitext">
									<h3>中科院上海生科院、抗美海岸共同发起成立精准营养科研转化产业联盟</h3>
									<em>2018-01-18</em>
									<div class="context">
										2017年11月7日，在上海召开的“2017精准健康和精准营养国际研讨会”上，中国科学院上海生命科学研究 院和康美海岸有限公司牵头发起，联合荷兰应用科学研究院（TheNetherlands Organization For Applied Scientific
										Research）、全球营养行业领导者德国巴斯夫共同成立“精准营养科研转化产业联盟” （以下简称 “联盟”），以此推动“精准营养”研究与应用的发展2017年11月7日，在上海召开的“2017精准健康和精准营养国际研讨会”上，中国科学院上海生命科学研究
										院和康美海岸有限公司牵头发起，联合荷兰应用科学研究院（TheNetherlands Organization For Applied Scientific Research）、全球营养行业领导者德国巴斯夫共同成立“精准营养科研转化产业联盟”
										（以下简称 “联盟”），以此推动“精准营养”研究与应用的发展
									</div>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#" class="clearfix">
								<div class="uiimg">
									<img src="images/new.jpg" alt=""> </div>
								<div class="uiitext">
									<h3>中科院上海生科院、抗美海岸共同发起成立精准营养科研转化产业联盟</h3>
									<em>2018-01-18</em>
									<div class="context">
										2017年11月7日，在上海召开的“2017精准健康和精准营养国际研讨会”上，中国科学院上海生命科学研究 院和康美海岸有限公司牵头发起，联合荷兰应用科学研究院（TheNetherlands Organization For Applied Scientific
										Research）、全球营养行业领导者德国巴斯夫共同成立“精准营养科研转化产业联盟” （以下简称 “联盟”），以此推动“精准营养”研究与应用的发展2017年11月7日，在上海召开的“2017精准健康和精准营养国际研讨会”上，中国科学院上海生命科学研究
										院和康美海岸有限公司牵头发起，联合荷兰应用科学研究院（TheNetherlands Organization For Applied Scientific Research）、全球营养行业领导者德国巴斯夫共同成立“精准营养科研转化产业联盟”
										（以下简称 “联盟”），以此推动“精准营养”研究与应用的发展
									</div>
								</div>
							</a>
						</div>



					</div>
					<!-- Add Arrows -->

				</div>
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>

			</div>

			<div class="conlins">
				<a href="#" class="cokkss">查看更多</a>
			</div>

		</div>
	</section>
	<!-- 新闻 -->

	<!-- 关于我们 -->
	<div class="conter-box pdb30 pdt50">

		<div class="main">
			<h3 class="cont-title">
				<span>关于我们</span>
			</h3>
			<ul class="nonbans clearfix mabo30">
				<li>
					<a href="#">
						<div class="uuimg">
							<img src="images/gy3.jpg">
						</div>
						<span>公司简介</span>
						<em>全球原料 , 全球营养 , 打造营养品联合国</em>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="uuimg">
							<img src="images/gy1.jpg">
						</div>
						<span>公司文化</span>
						<em>全球第一家透明工厂 , 打造品质标杆</em>
					</a>
				</li>
				<li class="mr0">
					<a href="#">
						<div class="uuimg">
							<img src="images/gy2.jpg">
						</div>
						<span>企业动态</span>
						<em>康美海岸积极响应“中国制造2025” 获批国制造2025” 获批 获批国制造2025” 获批</em>
					</a>
				</li>
			</ul>
			<div class="conlins">
				<a href="#" class="cokkss">查看更多</a>
			</div>
		</div>

	</div>
	<!-- 关于我们 -->

	<!-- 合作品牌 -->
	<div class="conter-box pdb30 pdt50">

		<div class="main">
			<h3 class="pintile">
				<span>康美海岸合作品牌</span>
				<i></i>
			</h3>

			<ul class="pipto clearfix">

				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>
				<li>
					<div class="uiimg">
						<img src="images/logo-2.png">
					</div>
				</li>



			</ul>
		</div>

	</div>

	<!-- 合作品牌 -->

	<script>
		var swiper = new Swiper('.swiper-container', {
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
		});
	</script>
</body>

</html>